body {
    @apply text-base text-tx-primary bg-page;
    min-width: 1200px;
}
body,
html {
    // width: 100vw;
    *:focus-visible {
        outline: none;
    }
}
.form-tips {
    @apply text-tx-secondary text-xs leading-6 mt-1;
}
.el-button {
    background-color: var(--el-button-bg-color, var(--el-color-white));
}
.clearfix:after {
    content: '';
    display: block;
    clear: both;
    visibility: hidden;
}

.render-html {
    ul {
        list-style: disc;
    }
    ol {
        list-style: decimal;
    }
    h1 {
        font-size: 2em;
    }
    h2 {
        font-size: 1.5em;
    }
    h3 {
        font-size: 1.17em;
    }
    h4 {
        font-size: 1em;
    }
    h5 {
        font-size: 0.83em;
    }
    h1,
    h2,
    h3,
    h4,
    h5 {
        font-weight: bold;
    }
}

/* NProgress */
#nprogress .bar {
    @apply bg-primary #{!important};
}


/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/
// 滚动条整体部分
body::-webkit-scrollbar {
    width: 6px;
    height: 8px;
}
// 滚动条的轨道的两端按钮，允许通过点击微调小方块的位置。
body::-webkit-scrollbar-button {
    display: none;
}
// 滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条）
body::-webkit-scrollbar-thumb {
    background: rgba(144, 147, 153, 0.3);
    //@apply bg-primary #{!important};
    cursor: pointer;
    border-radius: 4px;
}
// 边角，即两个滚动条的交汇处
body::-webkit-scrollbar-corner {
    display: none;
}
// 两个滚动条的交汇处上用于通过拖动调整元素大小的小控件
body::-webkit-resizer {
    display: none;
}

/*滚动条整体样式*/
.scrollbar::-webkit-scrollbar {
    width: 4px; /*高宽分别对应横竖滚动条的尺寸*/
    height: 4px;
}
.scrollbar::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: rgba(144, 147, 153, 0.3);
}
.scrollbar::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: #ffffff;
}